<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>淘宝网注册页面</title>
    <style>       
 .tou{
     width: 1872px;
     height: 209px;
    background-image: url(头.PNG);
 }
 .zhong{
     width: 550px;
     height: 150px;
     margin: auto;     
     padding-bottom: 20px;
     
 }
 .zhong1{
    width: 500px;
    height: 50px;
    margin: auto;
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 50px;
 }
 .zhong2{
    width: 500px;
    height: 50px;
    margin: auto;
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 50px;
 }
 .zhong3{
    width: 500px;
    height: 50px;
    margin: auto;
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 50px;
 }
 .wenzi{
    width: 1875px;
    height: 108px;
    background-image: url(文字.PNG);

}
.wei{
    width: 900px;
    height: 40px;
   margin: auto;
  border-top: 2px;
  border-bottom: 2px;
  border-left: 0px;
  border-right: 0px;
  border-color: darkgray;
  border-style: solid;
}
.wei a{
    text-decoration: none;
    line-height: 40px;
    color: darkgray;
    margin-left: 1px;
}
.wei11{
    width: 900px;
    height: 40px;
   margin: auto; 
  
}
.wei11 a{
    text-decoration: none;
    line-height: 40px;
    color: rgb(122, 118, 118);
    margin-left:2px;
    font-size: 14px;
}
.wei12{
    width: 900px;
    height: 40px;
   margin: auto; 
}
.wei12 a{
    text-decoration: none;
    line-height: 40px;
    color: darkgray;
    margin-left:3px;
    font-size: 13px; 
}
    </style>
</head>
<body>
    <div class="tou">

    </div>
    <div class="zhong">
   <div class="zhong1">手机号码 &nbsp;
   <select style="height: 40px;width:150px" >
       <option >中国大陆 +86</option>
       <option >中国台湾 +886</option>
       <option >中国香港 +852</option>
       <option >中国台湾 +886</option>
       <option >中国台湾 +886</option>
   </select><input type="text" id="sj" placeholder="请输入你的手机号码"  style="height: 34px;width:170px" >
   </div><div class="zhong2"> 
       &nbsp; &nbsp;验证码&nbsp;&nbsp;&nbsp;<input type="text" placeholder="请输入校验码"  style="height: 34px;width:240px" id="wz"><input type="button" value="获取验证码" id="yz"style="height: 39px;width:82px"> 
   </div>
   
   <div class="zhong3">&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;<input type="button" value="同意协议并注册" style="height: 39px;width:332px;background-color: burlywood;border: 0px;"></div>
    </div>
    <div class="wenzi"></div>
    <div class="wei">
        <a href=""> 阿里巴巴集团</a>
        <a href=""> |</a>
        <a href=""> 阿里巴巴国际站</a>
        <a href=""> |</a>
        <a href=""> 全球速卖通</a>
        <a href=""> |</a>
        <a href=""> 淘宝网</a>
        <a href=""> |</a>
        <a href=""> 天猫</a>
        <a href=""> |</a>
        <a href=""> 聚划算</a>
        <a href=""> |</a>
        <a href=""> 一淘</a>
        <a href=""> |</a>
        <a href=""> 阿里巴巴</a>
        <a href=""> |</a>
        <a href=""> 阿里云计算</a>
        <a href=""> |</a>
        <a href=""> 云SO</a>
        <a href=""> |</a>
        <a href=""> 万网</a>
        <a href=""> |</a>
        <a href=""> 支付宝</a>
    </div>
    <div class="wei11">
       <a href=""> 关于淘宝</a> 
       <a href=""> 合作伙伴</a> 
       <a href=""> 营销中心</a>
       <a href=""> 联系客服</a>
       <a href=""> 开发平台</a>
       <a href=""> 诚征英才</a>
       <a href=""> 联系我们</a> 
       <a href=""> 网站地图</a>
       <a href=""> 法律版权隐私政策</a>   
       <a href="" style="margin-left: 15px;"> @2021 taobao.com 版权所有</a>                   
    </div>
    <div class="wei12">
         <a href="">网络文化经营许可证:</a>
         <a href=""><b>文网文[2010]040号</b></a>
         <a href="">|</a>
         <a href="">增值电信业务经营许可证:</a>
         <a href="">浙B2-20080224-1证</a>
         <a href="">|</a>
         <a href="">信息网络传播视听节目许可证:</a>
         <a href="">1109364号</a>
   
    </div>
    <script>
     
        var yz=document.getElementById('yz')
   
        var wz=document.getElementById('wz')
        yz.onclick=function(){
           var sjhm=document.getElementById("sj").value
           if (sjhm.length!=11){
               alert("输入正确的手机号码。");
           }else{
               if (isNaN(sjhm)) {
                   alert("输入的手机号必须是11位数字");
                   document.getElementById("sj").Value=" ";
               }else{
                   alert("号码输入正确");
               }
           }
   
    }
   
    </script>
</body>
</html>